<template>
  <div>
    <h1>父级页面</h1>
    <Child>
      <template v-slot:default="slotProps">
        <p>这是默认插槽的内容,在子组件位置中所处{{ slotProps.detailInfo.default }}</p>
      </template>
      <template v-slot:header="slotProps">
        <p>这是header插槽的内容,在子组件位置中所处{{ slotProps.detailInfo.header }}</p>
      </template>
      <template v-slot:footer="slotProps">
        <p>这是footer插槽的内容,在子组件位置中所处{{ slotProps.detailInfo.footer }}</p>
      </template>
    </Child>
  </div>
</template>

<script>
import Child from "./components/child.vue";
export default {
  components: {
    Child,
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
